<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script src="https://d3js.org/d3.v5.min.js"></script>
</head>

<body>

</body>
<script>
    var dataset = [250, 210, 170, 130, 90];  //数据（表示矩形的高度度）
    var svg = d3.select("body")     //选择文档中的body元素
        .append("svg")          //添加一个svg元素
        .attr("width", 300)       //设定宽度
        .attr("height", 300);    //设定高度

    var rectHeight = 25;
    svg.selectAll("rect")
        .data(dataset)
        .enter()
        .append("rect")
        .attr("y", function (d, i) {
            return 250 - d;
        })
        .attr("x", function (d, i) {
            return 20 + i * rectHeight;
        })
        .attr("height", function (d) {
            return d;
        })
        .attr("width", rectHeight - 2)
        .attr("fill", "orange");

</script>

</html>